<%@ Page Title="" Language="VB" AutoEventWireup="false" CodeFile="default2.aspx.vb"
    Inherits="Arwani._Default1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DEVISION HOME</title>
<link href="css/_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="js/jquery.min.js"></script>
<style type="text/css">
/* Scroller Box */
#scroller_container1 {
 width:940px;
 height:86px;
 overflow: hidden;
}

/* CSS Hack Safari */
#dummy {;# }

#scroller_container1 {
overflow: auto;
}
/* Scoller Box */
</style>
<script type="text/javascript" language="javascript" src="js/jscroller.js"></script>
</head>
<body>
<form id="frmMain" runat="server">
  <div id="header">
    <div class="main">
      <div class="left">
        <h3> Devision</h3>
      </div>
      <div class="smright"> <%--<a href="#"> <img src="images/t_icon.png" width="23" height="15" alt="twitter" /></a>--%><a href="https://www.facebook.com/pages/Arwani-Trading-Company/282501491760611?ref=ts&fref=ts" target="_blank"><img
                        src="images/f_icon.png" width="23" height="15" alt="f_icon" /></a><%--<a href="#"><img
                            src="images/in_icon.png" width="23" height="15" alt="in_icon" /></a><a href="#"><img
                                src="images/p_icon.png" width="23" height="15" alt="p_icon" /></a>--%></div>
      <div class="clear"> </div>
    </div>
  </div>
  <div id="content">
    <div id="main">
      <div class="mainslider">
        <div class="col_1">
          <div class="prolist">
            <asp:DataList ID="dtDivisionLeft" runat="server" RepeatColumns="1">
              <ItemTemplate>
                <div class="prolist">
                  <ul>
                    <li>
                      <div class="thumb">
                        <asp:ImageButton ID="imgDivLeft" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"divisionid") %>'
                                                    runat="server" CommandName="View" ImageUrl='<%#getImage("Divisions","Thumb_",DataBinder.Eval(Container.DataItem,"divisionpic")) %>'
                                                    Width="728" Height="379" CausesValidation="False" />
                      </div>
                      <h3> <a href="#"> <%#DataBinder.Eval(Container.DataItem,"divisiontitle") %></a></h3>
                    </li>
                  </ul>
                </div>
              </ItemTemplate>
            </asp:DataList>
          </div>
        </div>
        <div class="col_2"> <img src="images/main_banner.png" width="728" height="379" alt="pic" /></div>
        <div class="col_3">
          <div class="prolist">
            <asp:DataList ID="dtDivisionRight" runat="server" RepeatColumns="1">
              <ItemTemplate>
                <div class="prolist">
                  <ul>
                    <li>
                      <div class="thumb">
                        <asp:ImageButton ID="imgDivRight" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"divisionid") %>'
                                                    runat="server" CommandName="View" ImageUrl='<%#getImage("Divisions","Thumb_",DataBinder.Eval(Container.DataItem,"divisionpic")) %>'
                                                    Width="728" Height="379" CausesValidation="False" />
                      </div>
                      <h3> <a href="#"> <%#DataBinder.Eval(Container.DataItem,"divisiontitle") %></a></h3>
                    </li>
                  </ul>
                </div>
              </ItemTemplate>
            </asp:DataList>
          </div>
        </div>
        <div class="clear"> </div>
      </div>
      <div> <img src="images/spacer.gif" width="1" height="20" alt="spacer" /></div>
      <div class="featurepro">
        <h3> FEATURED PRODUCTS</h3>
        <div class="prolist">
          <asp:DataList ID="dtFeaturedProduct" runat="server" RepeatColumns="4" 
                                RepeatDirection="Horizontal">
            <ItemTemplate>
              <div class="prolist">
                <ul>
                  <li>
                    <div class="thumb">
                      <asp:ImageButton ID="imgFeatured" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"productid") %>'
                                                    runat="server" CommandName="View" ImageUrl='<%#getProductImage(DataBinder.Eval(Container.DataItem,"productid")) %>'
                                                    Width="178" Height="178" CausesValidation="False" />
                    </div>
                  </li>
                </ul>
              </div>
            </ItemTemplate>
          </asp:DataList>
        </div>
        <div class="clear"> </div>
      </div>
      <div> <img src="images/spacer.gif" width="1" height="20" alt="spacer" /></div>
      <div class="brandpanel">
        <h3> Our Brands</h3>
        <div class="proslider"> <span style="display:none" class="leftarrow"></span><span style="display:none" class="rightarrow"></span>
<div id="scroller_container1">
 <div class="jscroller2_left jscroller2_speed-10 jscroller2_ignoreleave jscroller2_mousemove jscroller2_dynamic" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0; overflow:hidden;position:relative;padding-left:1px">
          <%=strBrands %>
          </div>
 <div class="jscroller2_left_endless" >
          <%=strBrands %>
          </div></div>
          <div class="clear"> </div>
        </div>
        <div class="clear"> </div>
      </div>
    </div>
  </div>
  <div id="footer">
    <div class="btmbar">
      <div class="main">
        <div  class="btnnav">
          <ul>
            <li id="li_company"> <a href="javascript:showHide_DIV();showAboutCompany();">ABOUT  THE  COMPANY</a></li>
            <li id="li_contact_us" > <a href="javascript:showHide_DIV();showContactUs();">CONTACT US</a></li>
          </ul>
          <div class="clear"></div>
        </div>
        <div id="divFooter" style="display:none">
          <div class="container" id="div_section_1" style="display:none">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate leo in elit tempus sit amet porttitor nibh malesuada. Integer porttitor sagittis est in fringilla. Curabitur at metus sed erat rhoncus rutrum. In laoreet tempus nisi, a mattis nulla pellentesque eleifend. Integer vel dolor metus. Praesent sit amet mauris ac eros mattis iaculis. Maecenas gravida mauris in leo iaculis venenatis aliquam lectus tincidunt. Mauris neque augue, posuere at bibendum nec, viverra nec diam. Fusce vel libero erat, ac tincidunt metus. Morbi rutrum facilisis mollis.</p>
            <p>Pellentesque dictum magna a lacus tincidunt quis congue dui venenatis. Cras dapibus egestas massa ac hendrerit. Etiam lorem nulla, scelerisque suscipit pharetra ullamcorper, lobortis elementum tortor. Etiam eget quam in elit convallis luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit sapien. Maecenas tempus libero sit amet nibh interdum at feugiat arcu viverra. Ut vel lorem erat. In id odio purus, a consectetur nisi. Curabitur fermentum semper ante id vestibulum. Curabitur in elit mi, vel condimentum est. Vivamus consequat, sapien eu volutpat varius, ipsum sem ornare erat, congue eleifend nulla lorem quis arcu. Vivamus aliquet, massa ut elementum adipiscing, eros mauris adipiscing leo, vel pulvinar nunc nisi iaculis urna.</p>
            <p>In feugiat accumsan posuere. Donec nec sem magna. Maecenas sed mauris orci, id adipiscing ipsum. Fusce lorem augue, vehicula vitae vulputate ut, dignissim et nisi. Suspendisse auctor aliquam purus, et lacinia metus ullamcorper vitae. Quisque sed turpis fermentum quam tempus tristique sed ut odio. In est arcu, imperdiet id porta eget, facilisis dignissim sapien. Maecenas ullamcorper arcu id enim congue non dignissim arcu pulvinar. Maecenas auctor mattis mi a sollicitudin.</p>
            <p>In feugiat accumsan posuere. Donec nec sem magna. Maecenas sed mauris orci, id adipiscing ipsum. Fusce lorem augue, vehicula vitae vulputate ut, dignissim et nisi. Suspendisse auctor aliquam purus, et lacinia metus ullamcorper vitae. Quisque sed turpis fermentum quam tempus tristique sed ut odio. In est arcu, imperdiet id </p>
          </div>
          <div class="container" id="div_section_2">
            <div class="contarae">
              <div class="col_1">
                <div class="left"><img src="images/map_img.png" width="252" height="312" alt="map" /></div>
                <div class="address"><strong>Arwani Trading Company L.L.C</strong><br />
                  &nbsp;<br />
                  P.O.Box<br />
                  8783 DUBAI U.A.E<br />
                  Tel:  (009714) 282 8223<br />
                  Fax: (009714) 282 8207<br />
                  E-mail:<br />
                  arwanimk@emirates.net.ae<br />
                  Website:<br />
                  www.arwani.ae</div>
              </div>
              <div class="col_2  formcss">
                <div>
                    <label id="lblErrorMessage"  class="input" visible="false" runat="server"></label>

                </div>
                <label>Name / Company&nbsp;&nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator1" 
                      runat="server" ErrorMessage="Please enter name" 
                      ControlToValidate="txtName" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator></label>
                
                <asp:TextBox ID="txtName" runat="server"  type="text" class="input" />
                <div class="clear"></div>
                <label>Phone</label>
                <asp:TextBox ID="txtPhone" runat="server" type="text" class="input" />
                <div class="clear"></div>
                <label>Email&nbsp;&nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator3" 
                      runat="server" ErrorMessage="Please enter email" 
                      ControlToValidate="txtEmail" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>

                  <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                      ControlToValidate="txtEmail" Display="Dynamic" 
                      ErrorMessage="Invalid Email Format" ForeColor="Red" 
                      ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
</label>
                <asp:TextBox ID="txtEmail" runat="server" type="text" class="input" />
                <div class="clear"></div>
                <label>Message&nbsp;&nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator2" 
                      runat="server" ErrorMessage="Please enter message" 
                      ControlToValidate="txtMessage" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator></label>
                <asp:TextBox ID="txtMessage" TextMode="MultiLine" runat="server" class="textarea"></asp:TextBox>
                <div class="clear"></div>
                <div><img src="images/spacer.gif" width="1" height="10" alt="spacer" /></div>
                <div class="btncss" align="center">
                <asp:LinkButton ID="lnkSend" runat="server" Text="Send"></asp:LinkButton>
                 </div>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="copyrights">
      <div class="main">&copy; Arwani Trading Co L.L.C  2012. All rights reserved. </div>
    </div>
  </div>
</form>
<script type="text/javascript" language="javascript">
    function showHide_DIV() {
        // $('#divFooter').toggle('slow');
        $('#divFooter').show();
    }
    function showAboutCompany() {
        $('#div_section_1').show();
        $('#div_section_2').hide();
        $('#li_contact_us').removeClass('active');
        $('#li_company').addClass('active');
    }
    function showContactUs() {
        $('#div_section_2').show();
        $('#div_section_1').hide();
        $('#li_company').removeClass('active');
        $('#li_contact_us').addClass('active');
    }
    
</script>
</body>
</html>
